<template>
    <l-page>
        <l-navbar title="我的" leftIcon="" />
        <view class="header" :style="{ backgroundImage: 'url(' + $imgBase + settings.other_banners.user.url + ')' }">
            <view class="flex items-center">
                <view class="avacter rounded-max mr-3 overflow-hidden shadow">
                    <u-image width="60" height="60" :src="login.userInfo.avatar_file"></u-image>
                </view>
                <view class="text-lg font-bold">
                    {{ login.userInfo.nickname }}
                </view>
            </view>
        </view>
        <view class="!-mt-10 panel flex justify-around">
            <navigator url="/pages/application-record/application-record?is_ywy=0" class="flex flex-col items-center">
                <u-image radius="6" width="44" height="44" src="../../assets/img/xsb.png"></u-image>
                <view class="mt-1">咨询列表</view>
            </navigator>
            <navigator url="/pages/application-record/business-orders" class="flex flex-col items-center">
                <u-image radius="6" width="44" height="44" src="../../assets/img/dk.png"></u-image>
                <view class="mt-1">工作台</view>
            </navigator>
            <!-- <navigator url="/pages/evaluation-records/evaluation-records" class="flex flex-col items-center">
                <u-image radius="6" width="44" height="44" src="../../assets/img/pg.png"></u-image>
                <view class="mt-1">评估记录</view>
            </navigator> -->
        </view>
        <view class="m-3">
            <navigator url="/pages/authentication/authentication" class="bg-white p-3 rounded flex items-center">
                <view class="mr-2">
                    <u-icon name="integral"></u-icon>
                </view>
                <view class="flex-1">业务员入驻</view>
                <u-icon name="arrow-right"></u-icon>
            </navigator>
        </view>
        <view class="m-3 rounded overflow-hidden bg-white">
            <view class="border-b border-gray-200">
                <navigator url="/pages/article/article" class=" p-3 flex items-center ">
                    <view class="mr-2">
                        <u-icon name="question-circle"></u-icon>
                    </view>
                    <view class="flex-1">常见问题</view>
                    <u-icon name="arrow-right"></u-icon>
                </navigator>
            </view>
            <view class="border-b border-gray-200">
                <navigator url="/pages/article/detail?id=2" class=" p-3 flex items-center ">
                    <view class="mr-2">
                        <u-icon name="info-circle"></u-icon>
                    </view>
                    <view class="flex-1">关于我们</view>
                    <u-icon name="arrow-right"></u-icon>
                </navigator>
            </view>
            <view class=" p-3 flex items-center border-b border-gray-200">
                <view class="mr-2">
                    <u-icon name="kefu-ermai"></u-icon>
                </view>
                <view class="flex-1">联系客服</view>
                <u-icon name="arrow-right"></u-icon>
            </view>
            <navigator url="/pages/setting/setting" class=" p-3 flex items-center">
                <view class="mr-2">
                    <u-icon name="setting"></u-icon>
                </view>
                <view class="flex-1">设置</view>
                <u-icon name="arrow-right"></u-icon>
            </navigator>
        </view>
        <!-- <l-button type="error" class="mx-3">退出登录</l-button> -->
        <l-tabbar />
    </l-page>
</template>

<script setup lang="ts">
import Login from "@/stores/login";
import Settings from "@/stores/settings"
const login = Login()
let settings = Settings();
if (!login.token) {
    // uni.redirectTo({
    //     url: '/pages/login/login'
    // })
}
</script>

<style lang="scss" scoped>
.header {
    padding: 30px 30px 60px;
    background: #ffffff no-repeat center/100% 100%;
}
</style>